home *** CD-ROM | disk | FTP | other *** search
/ PC World Komputer 2010 April / PCWorld0410.iso / pluginy Firefox / 59338 / 59338.xpi / chrome / browser / places / organizer.css < prev    next >
Cascading Style Sheet File  |  2010-02-06  |  12KB  |  443 lines
  1.  
  2. /* Toolbar */
  3. #placesToolbar {
  4.   padding: 3px;  /* b/f buttons have a 1px image padding */
  5.   -moz-padding-end: 4px;
  6. }
  7.  
  8. /* back & forward buttons */
  9. #back-button, #forward-button {
  10.   list-style-image: url(libraryNavigation.png);
  11.   -moz-appearance: none;
  12.   padding: 0;
  13.   border: none;
  14. margin-left:5px;
  15. }
  16.  
  17. #placesToolbar > toolbarbutton > image,
  18. #placesToolbar > toolbarbutton > label {
  19.   margin: 0;
  20.   padding: 0;
  21. }
  22.  
  23. #back-button,
  24. #forward-button[chromedir="rtl"] {  
  25.   -moz-image-region: rect(0px, 24px, 24px, 0px);
  26. }
  27. #back-button:not([disabled="true"]):hover,
  28. #forward-button:not([disabled="true"]):hover[chromedir="rtl"] {
  29.   -moz-image-region: rect(24px, 24px, 48px, 0px);
  30. }
  31. #back-button[disabled="true"],
  32. #forward-button[chromedir="rtl"][disabled="true"] {
  33.   -moz-image-region: rect(48px, 24px, 72px, 0px) !important;
  34. }
  35. #back-button:not([disabled="true"]):hover:active,
  36. #forward-button:not([disabled="true"]):hover:active[chromedir="rtl"] {
  37.   -moz-image-region: rect(72px, 24px, 96px, 0px);
  38. }
  39.  
  40. #forward-button,
  41. #back-button[chromedir="rtl"] {
  42.   -moz-image-region: rect(0px, 48px, 24px, 24px);
  43. }
  44. #forward-button:not([disabled="true"]):hover,
  45. #back-button:not([disabled="true"]):hover[chromedir="rtl"] {
  46.   -moz-image-region: rect(24px, 48px, 48px, 24px);
  47. }
  48. #forward-button[disabled="true"],
  49. #back-button[chromedir="rtl"][disabled="true"] {
  50.   -moz-image-region: rect(48px, 48px, 72px, 24px) !important;
  51. }
  52. #forward-button:not([disabled="true"]):hover:active,
  53. #back-button:not([disabled="true"]):hover:active[chromedir="rtl"] {
  54.   -moz-image-region: rect(72px, 48px, 96px, 24px);
  55. }
  56.  
  57. /* Menu */
  58. #placesMenu {
  59.   -moz-margin-start: 8px;
  60.   -moz-appearance: none;
  61.   border: none;
  62. background-color:transparent !important;
  63. }
  64.  
  65. #placesMenu > menu {
  66. padding:0px;
  67.   -moz-appearance: none;
  68.  border: 3px solid transparent;
  69. -moz-border-radius: 4px;
  70. color:#000;
  71. }
  72.  
  73. #placesMenu > menu:hover {
  74.   padding: 0px;
  75. border:3px solid;
  76. -moz-border-top-colors:#d9dde1 #80a7d3 #d2d9e1;
  77. -moz-border-bottom-colors:#d9dde1 #80a7d3 #d2d9e1;
  78. -moz-border-right-colors:#d9dde1 #80a7d3 #d2d9e1;
  79. -moz-border-left-colors:#d9dde1 #80a7d3 #d2d9e1;
  80. }
  81.  
  82.  
  83. #placesMenu > menu:hover:active{
  84.   padding: 0px;
  85. border:3px solid;
  86. -moz-border-top-colors:#d1dae5 #9fbde0 #78b6fb;
  87. -moz-border-bottom-colors:#d1dae5 #9fbde0 #78b6fb;
  88. -moz-border-right-colors:#d1dae5 #9fbde0 #78b6fb;
  89. -moz-border-left-colors:#d1dae5 #9fbde0 #78b6fb;
  90. }
  91.  
  92. #placesMenu > menu[open="true"] {
  93. -moz-border-top-colors:#999897 #c3c2c2 #e0dfde;
  94. -moz-border-bottom-colors:#d8d7d6 #e2e1e0 #e2e1e0;
  95. -moz-border-right-colors:#bdbdbc #dedddc #e2e1e0;
  96. -moz-border-left-colors:#bcbcbb #dedddc #e2e1e0;
  97. }
  98.  
  99. #placesMenu > menu > label {
  100.  -moz-padding-end: 0px;
  101. }
  102.  
  103. #placesMenu[chromedir="rtl"] > menu > label {
  104.   background-position: left center;
  105. }
  106.  
  107. /* organize button */
  108. #organizeButton {
  109. list-style-image: url("chrome://browser/skin/places/allBookmarks.png");
  110. background-image:url("chrome://browser/skin/icons/menudroparrow.png"); 
  111. background-repeat:no-repeat !important;
  112. background-position:bottom right;
  113. padding-right: 8px !important;
  114. background-color:transparent !important;
  115. }
  116.  
  117. /* view button */
  118. #viewMenu {
  119.   list-style-image: url("chrome://browser/skin/places/view.png");
  120. background-image:url("chrome://browser/skin/icons/menudroparrow.png"); 
  121. background-repeat:no-repeat !important;
  122. background-position:bottom right;
  123. padding-right: 8px !important;
  124. background-color:transparent !important;
  125. }
  126.  
  127. /* maintenance button */
  128. #maintenanceButton {
  129. list-style-image: url("chrome://browser/skin/places/importAndBackup.png");
  130. background-image:url("chrome://browser/skin/icons/menudroparrow.png"); 
  131. background-repeat:no-repeat !important;
  132. background-position:bottom right;
  133. padding-right: 8px !important;
  134. background-color:transparent !important;
  135. }
  136.  
  137. /* Root View */
  138. #placesView {
  139. margin:5px !important;
  140. border: 2px solid !important;
  141. -moz-border-radius: 5px;
  142. -moz-border-top-colors:#969595 #c1c0bf !important;
  143. -moz-border-bottom-colors:#d6d5d4 #e0dfde !important;
  144. -moz-border-left-colors:#bbbab9 #dcdbda !important;
  145. -moz-border-right-colors:#bcbbba #dcdbda !important;
  146. }
  147.  
  148. /* Place List, Place Content */
  149. .placesTree {
  150.   margin: 0px;
  151. }
  152.  
  153. #placesList {
  154.   -moz-appearance: none;
  155.  margin:10px !important; 
  156. border: 2px solid !important;
  157. -moz-border-radius: 5px;
  158. -moz-border-top-colors:#969595 #c1c0bf !important;
  159. -moz-border-bottom-colors:#d6d5d4 #e0dfde !important;
  160. -moz-border-left-colors:#bbbab9 #dcdbda !important;
  161. -moz-border-right-colors:#bcbbba #dcdbda !important;
  162.   padding: 0;
  163. background-color:#ffffff !important;
  164. }
  165.  
  166. #placesList:focus {
  167.   -moz-appearance: none;
  168. margin:10px !important; 
  169. border: 2px solid !important;
  170. -moz-border-radius: 5px;
  171. -moz-border-top-colors:#2f75c5 #789bc3 !important;
  172. -moz-border-bottom-colors:#3278c7 #88abd3 !important;
  173. -moz-border-left-colors:#3177c6 #86a8d1 !important;
  174. -moz-border-right-colors:#3278c7 #86a8d1 !important;
  175. }
  176.  
  177. #placeContent {
  178.   -moz-appearance: none;
  179. margin:10px !important; 
  180. border: 2px solid !important;
  181. -moz-border-radius: 5px;
  182. -moz-border-top-colors:#969595 #c1c0bf !important;
  183. -moz-border-bottom-colors:#d6d5d4 #e0dfde !important;
  184. -moz-border-left-colors:#bbbab9 #dcdbda !important;
  185. -moz-border-right-colors:#bcbbba #dcdbda !important;
  186. background-color:#ffffff !important;
  187. }
  188.  
  189. #placeContent:focus {
  190.   -moz-appearance: none;
  191. margin:10px !important; 
  192. border: 2px solid !important;
  193. -moz-border-radius: 5px;
  194. -moz-border-top-colors:#2f75c5 #789bc3 !important;
  195. -moz-border-bottom-colors:#3278c7 #88abd3 !important;
  196. -moz-border-left-colors:#3177c6 #86a8d1 !important;
  197. -moz-border-right-colors:#3278c7 #86a8d1 !important;
  198. }
  199.  
  200. #infoPaneBox {
  201. margin:10px !important;  
  202. border: 2px solid !important;
  203. -moz-border-radius: 5px;
  204. -moz-border-top-colors:#969595 #c1c0bf !important;
  205. -moz-border-bottom-colors:#d6d5d4 #e0dfde !important;
  206. -moz-border-left-colors:#bbbab9 #dcdbda !important;
  207. -moz-border-right-colors:#bcbbba #dcdbda !important;
  208.   padding: 5px;
  209. background-color:#E1DFDE;
  210. }
  211.  
  212. #infoPaneBox textbox{
  213. margin:5px;
  214. /* height:22px; */
  215. padding:0;
  216. border: 3px solid !important;
  217. -moz-border-radius: 5px;
  218. background-color:#ffffff;
  219. -moz-border-top-colors:#a8a8a8 #dadada #fcfcfc !important;
  220. -moz-border-bottom-colors:#d9d8d8 transparent transparent !important;
  221. -moz-border-left-colors:#d3d3d3 #fafafa transparent !important;
  222. -moz-border-right-colors:#d4d4d4 #fafafa transparent !important;
  223. }
  224.  
  225.  
  226. #infoPaneBox textbox:hover {
  227. padding:0;
  228. border: 3px solid !important;
  229. -moz-border-radius: 5px;
  230. background-color:#ffffff;
  231.  
  232. -moz-border-top-colors:#79b7fc #aac9ec #e8f2fd !important;
  233. -moz-border-bottom-colors:#7bb8fd #bddcff #eaf4ff !important;
  234. -moz-border-left-colors:#7bb9fd #bad9fc #eaf4ff !important;
  235. -moz-border-right-colors:#7cb9fe #bad9fc #eaf4ff !important;
  236. }
  237.  
  238. #infoPaneBox textbox[focused="true"] {
  239. border: 3px solid !important;
  240. -moz-border-radius: 5px;
  241. background-color:#ffffff;
  242. -moz-border-top-colors:#3076c6 #85a8d1 #dde7f5 !important;
  243. -moz-border-bottom-colors:#3278c7 #98bbe4 #dfe9f7 !important;
  244. -moz-border-left-colors:#3278c7 #95b8e1 #dfe9f7 !important;
  245. -moz-border-right-colors:#3379c8 #95b8e1 #dfe9f7 !important;
  246. }
  247.  
  248.  
  249. .small, .small[disabled="true"] {
  250.   min-width: 0px;
  251.   padding: 0px 4px 0px 4px;
  252.   margin: 0px;  
  253.   border: 0px;
  254. }
  255.  
  256. .small .button-text,
  257. .small .button-box {
  258.   padding: 5px 10px;
  259.   border: 0px;
  260. }
  261.  
  262.  
  263. #infoBoxExpanderLabel {
  264.   -moz-padding-start: 2px;
  265. }
  266.  
  267. #organizerScopeBar {
  268.  padding: 2px 0;
  269.   -moz-padding-end: 3px;
  270. }
  271.  
  272. #organizerScopeBar > toolbarbutton {
  273.   -moz-appearance: none;
  274.  
  275.  border: 3px solid transparent;
  276.   -moz-border-radius: 4px;
  277.   padding: 0 !important;
  278.   margin: 0 1px;
  279. }
  280.  
  281. #organizerScopeBar > toolbarbutton:hover {
  282.   padding: 0px;
  283. border:3px solid;
  284. -moz-border-top-colors:#d9dde1 #80a7d3 #d2d9e1;
  285. -moz-border-bottom-colors:#d9dde1 #80a7d3 #d2d9e1;
  286. -moz-border-right-colors:#d9dde1 #80a7d3 #d2d9e1;
  287. -moz-border-left-colors:#d9dde1 #80a7d3 #d2d9e1;
  288.   -moz-border-radius: 4px;
  289. }
  290.  
  291. #organizerScopeBar > toolbarbutton:hover:active {
  292.   padding: 0px;
  293. border:3px solid;
  294. -moz-border-top-colors:#d1dae5 #9fbde0 #78b6fb;
  295. -moz-border-bottom-colors:#d1dae5 #9fbde0 #78b6fb;
  296. -moz-border-right-colors:#d1dae5 #9fbde0 #78b6fb;
  297. -moz-border-left-colors:#d1dae5 #9fbde0 #78b6fb;
  298.   -moz-border-radius: 4px;
  299. }
  300.  
  301. #organizerScopeBar > toolbarbutton[checked="true"] {
  302. border:3px solid;
  303. -moz-border-top-colors:#999897 #c3c2c2 #e0dfde;
  304. -moz-border-bottom-colors:#d8d7d6 #e2e1e0 #e2e1e0;
  305. -moz-border-right-colors:#bdbdbc #dedddc #e2e1e0;
  306. -moz-border-left-colors:#bcbcbb #dedddc #e2e1e0;
  307. background:none !important;
  308.   -moz-border-radius: 4px;
  309. }
  310.  
  311. #organizerScopeBar > toolbarbutton > label,
  312. #organizerScopeBar > toolbarbutton > image {
  313.   padding: 0;
  314.   margin: 0;
  315. }
  316.  
  317. #organizerScopeBar .toolbarbutton-text {
  318.    margin: 0;
  319.    padding: 2px 5px;
  320. }
  321.  
  322. #organizerScopeBar > toolbarbutton:not([disabled="true"]):not([checked="true"]):hover {
  323.   border-color: ThreeDShadow;
  324. }
  325.  
  326. #organizerScopeBar > toolbarbutton[checked="true"] {
  327.   border-color: ThreeDDarkShadow !important;
  328. }
  329.  
  330. #placesView:-moz-system-metric(windows-default-theme) {
  331.   border-top: none;
  332. }
  333.  
  334. #placesToolbar {
  335.   -moz-appearance: none;
  336. border-bottom:none !important;
  337.   color: #000;
  338. }
  339.  
  340. #placesToolbar:-moz-system-metric(windows-default-theme) {
  341. /*   min-height: 36px; */
  342.   padding-top: 0px;
  343.   padding-bottom: 0px;
  344.   -moz-padding-start: 6px;
  345.   -moz-padding-end: 8px;
  346. }
  347.  
  348. #placesMenu > menu {
  349.   color: #000;
  350.  
  351. }
  352.  
  353. /*#placesMenu:-moz-system-metric(windows-default-theme) > menu > label {
  354.   -moz-padding-end: 15px;
  355.   background-color: transparent);
  356. }*/
  357.  
  358. #placesView > splitter:-moz-system-metric(windows-default-theme) {
  359.   border: 0;
  360.   -moz-border-end: 1px solid;
  361.   -moz-border-right-colors: #A9B7C9;
  362.   -moz-border-left-colors: #A9B7C9;
  363.   min-width: 0;
  364.   width: 3px !important;
  365.   background-color: transparent;
  366.   -moz-margin-start: -3px;
  367.   position: relative;
  368.   z-index: 10;
  369. }
  370.  
  371. #searchModifiers:-moz-system-metric(windows-default-theme) {
  372.   border-bottom: 1px solid #A9B7C9;
  373. }
  374.  
  375. #organizerScopeBar:-moz-system-metric(windows-default-theme) {
  376.   -moz-appearance: none;
  377.   border: none;
  378. }
  379.  
  380. #infoPaneBox:-moz-system-metric(windows-default-theme) {
  381.   border-top-color: #A9B7C9;
  382. }
  383.  
  384. #placesView:-moz-system-metric(windows-default-theme),
  385. #searchModifiers:-moz-system-metric(windows-default-theme),
  386. #infoPane:-moz-system-metric(windows-default-theme),
  387. #placesList:-moz-system-metric(windows-default-theme),
  388. #placeContent:-moz-system-metric(windows-default-theme) {
  389.   background-color: #EEF3FA;
  390. }
  391.  
  392. /**** Vista default theme: Library's search box needs to be vertically centered ****/
  393. #searchFilter:-moz-system-metric(windows-default-theme) {
  394.   padding-top: 3px;
  395.   padding-bottom: 2px;
  396. }
  397.  
  398. #placesView:-moz-system-metric(windows-default-theme) {
  399.   border-top: none;
  400. }
  401.  
  402. #placesToolbar {
  403.   -moz-appearance: -moz-win-media-toolbox;
  404.   color: #000;
  405. }
  406.  
  407. #placesMenu > menu {
  408.   color: #000;
  409. }
  410.  
  411. #placesView > splitter:-moz-system-metric(windows-default-theme) {
  412.   border: 0;
  413.   -moz-border-end: 1px solid;
  414.   -moz-border-right-colors: #A9B7C9;
  415.   -moz-border-left-colors: #A9B7C9;
  416.   min-width: 0;
  417.   width: 3px !important;
  418.   background-color: transparent;
  419.   -moz-margin-start: -3px;
  420.   position: relative;
  421.   z-index: 10;
  422. }
  423.  
  424. #searchModifiers:-moz-system-metric(windows-default-theme) {
  425.   border-bottom: 1px solid #A9B7C9;
  426. }
  427.  
  428. #organizerScopeBar:-moz-system-metric(windows-default-theme) {
  429.   -moz-appearance: none;
  430.   border: none;
  431. }
  432.  
  433. #infoPaneBox:-moz-system-metric(windows-default-theme) {
  434.   border-top-color: #A9B7C9;
  435. }
  436.  
  437. #placesView:-moz-system-metric(windows-default-theme),
  438. #searchModifiers:-moz-system-metric(windows-default-theme),
  439. #infoPane:-moz-system-metric(windows-default-theme),
  440. #placesList:-moz-system-metric(windows-default-theme),
  441. #placeContent:-moz-system-metric(windows-default-theme) {
  442. background-color:#E1DFDE;
  443. }